<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--页面共同的CSS，JS-->
    <script src="../../res/js/common/commonCssJS.js"></script>
    <link rel="stylesheet" href="../../res/css/minirefresh.css">
    <link rel="stylesheet" href="../../res/css/personalCenter/userCenter.css?v=1.0.6">
    <script src="../../res/js/minirefresh.js"></script>
    <style>
        .minirefresh-wrap{
            top: 8.47rem;
        }
        .minirefresh-totop{
            bottom: 2rem;
        }
        #communitymRefresh,#saltedEggmRefresh{
            display: none;
        }
    </style>
</head>

<body>
<!--页面顶部共同部分-->
<section class="indexDetailTop">
    <img id="goBack" src="../../res/img/common/back.png" alt="">
    <span></span>
    <img id="more" class="more" src="../../res/img/personalCenter/more.png" alt="">
</section>

<!--页面内容-->
<section class="indexContent">
    <div class="user">
        <div class="userPic">
            <img id="faceurl" class="headerPic" src="../../res/img/personalCenter/headerPic.png" alt="">
            <img id="sex" class="sex" src="" alt="">
        </div>
        <div class="userInfo">
            <p>
                <span id="nick" class="nickName">用户昵称</span>
                <span class="rank">
                    <img id="chenghaoImg"  src="" alt="">
                    <span id="chenghao"></span>
                </span>
                <img id="userVip" class="monthCard" src="../../res/img/personalCenter/monthCard@2x.png" alt="">
            </p>
            <p id="set2"></p>
            <ul class="operation">
                <li>关注 <span id="guanzhucount"></span></li>
                <li>粉丝 <span id="fancount"></span></li>
                <li class="blackList">黑名单 <span id="blackcount"></span></li>
                <li id="inblack" class="isBlacklist"><img src="../../res/img/personalCenter/isBlack.png" alt=""></li>
                <li id="isLike" class="isLike">
                    <img style="display: none;" id="isfollow" src="../../res/img/personalCenter/follow.png" alt="">
                    <img style="display: none;" id="isNofollow" src="../../res/img/personalCenter/noFollow.png" alt="">
                </li>
            </ul>
        </div>
    </div>
    <div class="tabSwitch">
        <ul>
            <li class="communityBtn"><span class="">扯蛋</span></li>
            <li class="caseBoxBtn"><span class="active ">展柜</span></li>
            <li class="saltedEggBtn"><span>咸蛋</span></li>
        </ul>
    </div>
    <div id="mrefresh" class="minirefresh-wrap">
        <div class="minirefresh-scroll">
            <ul id="showcaseBoxList" class="data-list showcaseBoxList " ></ul>
        </div>
    </div>
    <div id="communitymRefresh" class="minirefresh-wrap">
        <div class="minirefresh-scroll">
            <ul id="showCommunityList"  class="data-list showCommunity " ></ul>
        </div>
    </div>
    <div id="saltedEggmRefresh" class="minirefresh-wrap">
        <div class="minirefresh-scroll">
            <ul id="saltedEggList" class="data-list saltedEggList "></ul>
        </div>
    </div>
</section>
<section class="goBlackAlert">
    <div class="content">
        <div id="privateLetter" class="privateLetter">
            <img src="../../res/img/personalCenter/privateLetter.png" alt="">
            <span>私信</span>
        </div>
        <div id="goBlack" class="goBlack">
            <img src="../../res/img/personalCenter/blackList.png" alt="">
            <span>踢进黑名单</span>
        </div>
        <div style="display: none" id="goBackBlack" class="goBlack">
            <img src="../../res/img/personalCenter/blackList.png" alt="">
            <span>移除黑名单</span>
        </div>
        <div class="cancel">取消</div>
    </div>
</section>
</body>
<script src="../../res/js/personalCenter/userCenter.js?v=1.0.5"></script>
<script>
    $(function () {
        $('#goBack').click(function () {
            nativeCommand("dancool://activity=fin")
        });
    })
</script>
</html>
